<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>shs-小米官网 - Xiaomi 12S系列，小米徕卡影像大赛，小米影像故事</title>
		<!-- <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> -->
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/ceshi.css">
		<link rel="stylesheet" href="./css/nav2.css">
		<!-- <link rel="stylesheet" type="text/css" href="css/swiper.css" /> -->
		<link rel="stylesheet" type="text/css" href="css/swiper%20-%20副本.css"/>
	</head>
	<body>

		<!-- 网站boxa 顶部条 顶部标题 开始-->
		<div class="site-topbar">
			<div class="container clearfix">
				<div class="container_a container_item">
					<ul class="container_a_ul clearfix">
						<li class="container_a_ui"><a href="http://127.0.0.1:8848/xiaomi/ceshi.html">小米官网</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="http://127.0.0.1:8848/xiaomi/index.html">小米商城</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">MIUI</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">loT</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">云服务</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 天星数科</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 有品</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 小爱开放平台</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 企业团购</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">资质证照</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">协议规则</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui download_li"><a href="#" class="download_a">下载app</a>
							<div class="download">
								<div class="xiaomics">
									<i class="xmsc_logo"></i>
									<span class="xmsc_title">
										小米商城APP
									</span>
								</div>
							</div>
						</li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">Select Location</a></li>
					</ul>
				</div>
				<div class="container_c container_item">
					<div class="shopping">
						<i></i>
						<span>购物车(0)</span>
					</div>
					<div class="shopping_cart">
						<div class="shopping_cart_hint">
							<span>购物车中还没有商品，赶紧选购吧！</span>
						</div>
					</div>

				</div>
				<div class="container_b container_item">
					<ul class="container_a_ul clearfix">
						<li class="container_a_ui"><a href="#">登录</a>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">注册</a>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">消息通知</a>
					</ul>
				</div>
			</div>
		</div>
		<!-- 网站boxa 顶部条 顶部标题 结束-->

		<!-- 网站  boxb 导航栏2 logo开始-->
		<div class="site-header">
			<div class="boxb clearfix">
				<div class="mi-logo boxb_items">
					<a href="https://www.mi.com/shop" class="logo_a"></a>
				</div>
				<div class="boxb_nav boxb_items">
					<ul class="clearfix nav_u">
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">Xiaomi手机</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">Redmi手机</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">电视</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">笔记本</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">平板</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">家电</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">路由器</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">服务中心</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">社区</a></li>
					</ul>
				</div>
				<!-- 搜索框 -->
				<div class="boxb_search boxb_items">
					<form action="#" method="get" class="search_form clearfix">
						<input type="text" name="search" class="search_name" />
						<input type="submit" name="submit" id="" value="123" class="search_submit" />
					</form>
				</div>
			</div>
		</div>
		<div class="site-header-b">
			<!-- 见js -->
		</div>
		<!-- 网站  boxb 导航栏2结束-->
		<!-- -------------------------------------- -->
		<!-- 网站  boxc swiper 开始-->
		<div class="site-wiper">
			<div class="boxc">
				<div class="boxc_item_top">
					<div class="boxc_swiper ">
						<ul class="swiper_item_ul">

							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b1.webp">
								</a>
							</li>
							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b2.webp">
								</a>
							</li>
							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b3.webp">
								</a>
							</li>
							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b4.webp">
								</a>
							</li>
						</ul>
						<!-- 轮播图 小按钮 -->
						<div class="swiper_btn">
							<div class="btn_items">
								<a class="btn_item" href="#"></a>
								<a class="btn_item" href="#"></a>
								<a class="btn_item" href="#"></a>
								<a class="btn_item" href="#"></a>
							</div>
						</div>
						<!-- 轮播图 按钮 prev next -->
						<div class="swiper_btn_prev">

						</div>
						<div class="swiper_btn_next">

						</div>
					</div>

					<!-- <div class="left-menu_box"> -->
					<!-- 左侧菜单栏 相对固定 -->
					<div class="left_menu">
						<ul>
							<li class="left_menu_li">
								<span class="menu_left">手机</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">电视</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">笔记本 平板</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">出行 穿戴</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">耳机音箱</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">家电</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">智能 路由器</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">电源 配件</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">健康 儿童</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">生活 箱包</span>
								<span class="menu_right">></span>
							</li>
						</ul>
					</div>
					<!-- 菜单栏 详情列表 -->
					<!-- 菜单栏列表最大的盒子 -->
					<div class="left_menu_items_max">
						<!--详情列表-> class="left_menu_items" -->
					</div>
				</div>
				<div class="boxc_item_bottom clearfix">
					<!-- <div class="boxc_item_bottom_item"> -->
					<div class="boxc_span1 ">
						<ul class="clearfix">
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span1.png" alt="" class="boxc_span1_img">
									<p>保障服务</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span2.png" alt="" class="boxc_span1_img">
									<p>企业团购</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span3.png" alt=""class="boxc_span1_img">
									<p>F码通道</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span4.png" alt="" class="boxc_span1_img">
									<p >米粉卡</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span5.png" alt="" class="boxc_span1_img">
									<p>以旧换新</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span6.png" alt="" class="boxc_span1_img">
									<p>话费充值</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="boxc_span2 boxc_span clearfix">
						<a href="#"><img
								src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/290270b6fc499fc5fcb653417e99fe91.jpg?w=632&h=340"
								alt="">
						</a>
					</div>
					<div class="boxc_span3 boxc_span clearfix">
						<a href="#"><img
								src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d1892854c8bb165e755d68bde287d71.jpg?w=632&h=340"
								alt="">
						</a>
					</div>
					<div class="boxc_span4 boxc_span clearfix">
						<a href="#">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340"
								alt="">
						</a>
					</div>
					<!-- </div> -->
				</div>
			</div>
		</div>
		<!-- 网站  boxc swiper 结束-->
		<div class="boxd">

		</div>
	</body>
</html>
<script src="./js/nav_b.js"></script>
<!-- 左侧菜单栏 -->
<script src="js/nav3_left.js" type="text/javascript" charset="utf-8"></script>
<!-- 轮播图 -->
<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
